<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>图书管理系统 - 修改个人信息</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
	<link rel="stylesheet" id="theme-change" type="text/css" href="">
</head>

<body>
	<div class="loader">
	  <div class="spinner">
		<img src="static/picture/loader.gif" alt="">
	  </div> 
	</div>
    <!-- Main Body -->
    <div class="page-wrapper">
        <div th:replace="header.html::header"></div>
        <!-- Sidebar Start -->
        <aside class="sidebar-wrapper">
            <div class="side-menu-wrap">
                <ul class="main-menu">
                    <li>
                        <a href="index" class="active">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                            </span>
                            <span class="menu-text">
                                借阅管理
                            </span>
                        </a>
                    </li>

                    <li>
                        <a href="books">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-package"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                            </span>
                            <span class="menu-text">
                                书籍管理
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="students">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                            </span>
                            <span class="menu-text">
                                学生管理
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </aside>
        <!-- Container Start -->
        <div class="page-wrapper">
            <div class="main-content">
                <!-- Page Title Start -->
                <div class="row">
                    <div class="col xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="page-title-wrapper">
                            <div class="page-title-box">
                                <h4 class="page-title" _msthash="1928381" _msttexthash="20807150">用户信息修改</h4>
                            </div>
                            <div class="breadcrumb-list">
                                <ul>
                                    <li class="breadcrumb-link" style="text-align: left;">
                                        <a href="javascript:void(0);"><i class="fas fa-home mr-2"></i><font _mstmutation="1" _msthash="3117660" _msttexthash="8308430">图书管理系统</font></a>
                                    </li>
                                    <li class="breadcrumb-link active" _msthash="2276144" _msttexthash="20807150" style="text-align: left;">用户信息修改</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Products view Start -->
                <div class="row">
                    <div class="col-xl-4">
                        <div class="card"><grammarly-extension data-grammarly-shadow-root="true" style="position: absolute; top: 0px; left: 0px; pointer-events: none;" class="cGcvT"></grammarly-extension>
                            <div class="card-header">
                                <h4 class="card-title mb-0" _msthash="1929265" _msttexthash="19629961">我的个人资料</h4>
                                <div class="card-options"><a class="card-options-collapse" href="javascript:;" data-bs-toggle="card-collapse" data-bs-original-title="" title=""><i class="fe fe-chevron-up"></i></a><a class="card-options-remove" href="javascript:;" data-bs-toggle="card-remove" data-bs-original-title="" title=""><i class="fe fe-x"></i></a></div>
                            </div>
                            <div class="card-body">
                                <form>
                                    <div class="profile-title">
                                        <div class="media ad-profile2-img">
                                            <img alt="" src="static/picture/user.jpg">
                                            <div class="media-body">
                                                <h5 class="mb-1" _msthash="3937635" _msttexthash="17791644">马克·杰克诺</h5>
                                                <p _msthash="3848871" _msttexthash="9789338">设计师</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" _msthash="3145688" _msttexthash="2380469">是</label>
                                        <textarea class="form-control" rows="5" spellcheck="false">On the other hand, we denounce with righteous indignation</textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" _msthash="3145935" _msttexthash="12097527">电邮地址</label>
                                        <input class="form-control" placeholder="your-email@domain.com" data-bs-original-title="" title="" _mstplaceholder="457275" style="text-align: left;">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" _msthash="3146182" _msttexthash="5332938">密码</label>
                                        <input class="form-control" type="password" value="password" data-bs-original-title="" title="">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" _msthash="3146429" _msttexthash="6236659">网站</label>
                                        <input class="form-control" placeholder="http://Uplor .com" data-bs-original-title="" title="" _mstplaceholder="282789" style="text-align: left;">
                                    </div>
                                    <div class="form-footer">
                                        <a class="btn btn-primary squer-btn" data-bs-original-title="" title="" _msthash="3240328" _msttexthash="2360267" href="index">返回</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8">
                        <form class="card">
                            <div class="card-header">
                                <h4 class="card-title mb-0" _msthash="2002975" _msttexthash="20972952">编辑个人资料</h4>
                                <div class="card-options"><a class="card-options-collapse" href="javascript:;" data-bs-toggle="card-collapse" data-bs-original-title="" title=""><i class="fe fe-chevron-up"></i></a><a class="card-options-remove" href="javascript:;" data-bs-toggle="card-remove" data-bs-original-title="" title=""><i class="fe fe-x"></i></a></div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3675035" _msttexthash="4132388">公司</label>
                                            <input class="form-control" type="text" placeholder="公司" data-bs-original-title="" title="" _mstplaceholder="4132388" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3675360" _msttexthash="7861633">用户名</label>
                                            <input class="form-control" type="text" placeholder="用户名" data-bs-original-title="" title="" _mstplaceholder="7861633" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3675685" _msttexthash="13611455">电子邮箱</label>
                                            <input class="form-control" type="email" placeholder="电子邮件" data-bs-original-title="" title="" _mstplaceholder="12122825" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3676010" _msttexthash="4389879">名字</label>
                                            <input class="form-control" type="text" placeholder="公司" data-bs-original-title="" title="" _mstplaceholder="4132388" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3676335" _msttexthash="2092545">姓</label>
                                            <input class="form-control" type="text" placeholder="姓" data-bs-original-title="" title="" _mstplaceholder="2092545" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3676660" _msttexthash="4354064">地址</label>
                                            <input class="form-control" type="text" placeholder="家庭住址" data-bs-original-title="" title="" _mstplaceholder="9936277" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3676985" _msttexthash="4548362">城市</label>
                                            <input class="form-control" type="text" placeholder="城市" data-bs-original-title="" title="" _mstplaceholder="4548362" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3677310" _msttexthash="13866242">邮政编码</label>
                                            <input class="form-control" type="number" placeholder="邮政编码" data-bs-original-title="" title="" _mstplaceholder="13866242" style="text-align: left;">
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="mb-3">
                                            <label class="form-label" _msthash="3677635" _msttexthash="4468191">国家</label>
                                            <select class="form-control btn-square">
                                                <option value="0" _msthash="4664348" _msttexthash="118794" style="text-align: left;">--选择--</option>
                                                <option value="1" _msthash="4664530" _msttexthash="95953" style="text-align: left;">德国</option>
                                                <option value="2" _msthash="4664712" _msttexthash="71097" style="text-align: left;">加拿大</option>
                                                <option value="3" _msthash="4664894" _msttexthash="31044" style="text-align: left;">党卫军</option>
                                                <option value="4" _msthash="4665076" _msttexthash="31538" style="text-align: left;">从</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <div>
                                            <label class="form-label" _msthash="3754166" _msttexthash="6926166">关于我</label>
                                            <textarea class="form-control" rows="5" placeholder="输入您的描述" _mstplaceholder="21753082" style="text-align: left;"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <button class="btn btn-primary squer-btn" type="submit" data-bs-original-title="" title="" _msthash="2301156" _msttexthash="19295770">更新个人资料</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Script Start -->
	<script src="static/js/jquery.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
	<script src="static/js/swiper.min.js"></script>
    <script src="static/js/apexcharts.min.js"></script>
    <script src="static/js/control-chart-apexcharts.js"></script>
	<!-- Page Specific -->
    <script src="static/js/nice-select.min.js"></script>
    <!-- Custom Script -->
    <script src="static/js/custom.js"></script>
</body>

</html>